<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0067)http://localhost:10128/WebSite1/sistema/usuario/inserirusuario.aspx -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>

</title>

<style type="text/css">
    
        .Fonte_menu
    {
        font-family: "Helvetica Neue" , Arial, Sans-Serif;
        font-size: 18px;
        font-weight: bold;
        color: #113578;
       
    }
    
    .suJanela
    {
        background-color: #EBEBEB;
        text-align: center;
        border-radius: 10px;
        padding: 5px;
    }
    
    .suJanelaInterna
    {
        background-color: white;
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 10px;
        text-align: left;
    }

.classeErro
{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    padding: 10px;
    border: 1px solid red;
    border-image: initial;
    background-color: #FFD5D5;
    margin-left: -200px;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    z-index:2;
    }

    .ClasseBackErro
     {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: white;
        opacity: 0.80;
        filter: alpha(opacity=80);
        z-index: 1;
    }


    .Fonte_Titulo_Negrito
    {
        font-family: "Helvetica Neue" , Arial, Sans-Serif;
        font-size: 18px;
        font-weight: bold;
        color: #113578;
        font-style: italic;
    }
    
    .Fonte_Formulario_Obrigatorio
{
    font-family: "Helvetica Neue" , Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;  
    color: #113578;  
}

.Fonte_Formulario_Normal
{
    font-family: "Helvetica Neue" , Arial, Sans-Serif;
    font-size: 12px;
    color: Black;   
}
.Fonte_Formulario_Negrito
{
    font-family: "Helvetica Neue" , Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold; 
    color: Black;   
}

</style>
<script type="text/javascript">

    function abrirOpcoes(div) {

        document.getElementById(div).style.display = "block";

    }

    function fecharOpcoes(div) {

        document.getElementById(div).style.display = "none";

    }
</script>
</head>
<body>
   <form method="post" action="@{inserirUsuario.inserir()}" id="form1">
    <div>
        <div>
        
            <!--table align="center" cellpadding="0" cellspacing="0" width="1000px">
                <tbody>
                    <tr>
                        <td>
                            <div style="background-image: url(&#39;../../upload/LogoBack.png&#39;); height: 150px;">
                                <table cellpadding="0" cellspacing="0" width="100%">
                                    <tbody>
                                        <tr>
                                            <td height="138px" width="138px">
                                                <a id="ctl00_Image1" href="http://localhost:10128/WebSite1/sistema/usuario/Principal.aspx">
                                                    <img src="http://www.shannonrose.com/blog/wp-content/uploads/2009/05/regatta-logo.jpg" alt="" style="border-width: 0px; width: 200px;"></a>
                                            </td>
                                            <td align="right" valign="top">
                                                <div>
                                                    <div style="direction: rtl">
                                                        <div style="display: table-cell; vertical-align: middle;">
                                                            <a id="ctl00_Menu_Cima1_LB_Sair" class="Fonte_Master_Cabecalho">Sair</a>
                                                        </div>                                                   
                                                        <div style="display: table-cell; vertical-align: middle; padding-right: 5px;">
                                                            <a id="ctl00_Menu_Cima1_HL_Login" class="Fonte_Master_Cabecalho">| Usuário</a>
                                                        </div>
                                                    </div>
                                                    <div style="position: relative; float: right;">
                                                        <div style="display: table-cell; vertical-align: middle; height: 145px;">
                                                            <div class="Div_Quebra_Linha" style="position: static; float: right; margin-top: -3px;">
                                                                <div>
                                                                    <div class="Vazada_Left" style="float: left;">
                                                                    </div>
                                                                    <div class="Vazada_Right" style="position: static; float: right;">
                                                                    </div>
                                                                    <div class="Borda_Vazada">
                                                                    </div>
                                                                </div>
                                                                <div class="Borda_1px_Transparente_Inserir_Bottom" align="center" style="border-color: #eaeaea;">
                                                                	<img id="IM_Cadastro" src="./inserirusuario_files/Foto_Usuario.png">
                                                                </div>
                                                                <div>
                                                                    <div class="Vazada_Left_Bottom" style="float: left;">
                                                                    </div>
                                                                    <div class="Vazada_Right_Bottom" style="position: static; float: right;">
                                                                    </div>
                                                                    <div class="Borda_Vazada_Bottom">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="Cadastro_Reset">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table-->
        <!--/div>
        <div style="padding:5px;"></div>
        <div style="background-color: #EAEAEA; height: 1px;"></div>

         <div   align="center" >

        <div width="1000px" style="width:1000px; text-align:left;">

            <div style="display:table-cell; padding-right:15px;" >
                 <a class="Fonte_menu"  href="http://localhost:9000/bemvindo/bemvindo"  >Principal</a>
                
            </div>
           
            <div style="display:table-cell; padding-right:15px;"  onmouseout="fecharOpcoes('divOpUsuario');" 

onmouseover="abrirOpcoes( 'divOpUsuario' );">
                <span class="Fonte_menu"  >usuários</span>
                  <div id="divOpUsuario" style="position:absolute; display:none; background-color:White;" >
                 
                 <div>
                 <a class="Fonte_Formulario_Obrigatorio"  href="http://localhost:9000/inserirusuario/inserirusuario"  

>Inserir</a>
                 </div>

                 <div>
                  <a class="Fonte_Formulario_Obrigatorio"  href="http://localhost:9000/visualizarusuarios/visualizarusuarios"  

>Visualizar</a>
                
                 </div>
                 </div>
            </div>
        
            <div style="display:table-cell; padding-right:15px;" onmouseout="fecharOpcoes('divOpBarco');" 

onmouseover="abrirOpcoes( 'divOpBarco' );" >
                <span class="Fonte_menu"  >barcos</span>
                 <div id="divOpBarco" style="position:absolute;  display:none; background-color:White;" >
                 
                 <div>
                 <a class="Fonte_Formulario_Obrigatorio"  href="http://localhost:9000/inserirbarco/inserirbarco"  >Inserir</a>   

             
                 </div>
                 
                 <div>
                  <a class="Fonte_Formulario_Obrigatorio"  href="http://localhost:9000/visualizarbarcos/visualizarbarcos"  

>Visualizar</a>                
                 </div>
                 </div>
            </div>
 	<div style="display:table-cell; padding-right:15px;" onmouseout="fecharOpcoes('divOpClasse');" onmouseover="abrirOpcoes( 

'divOpClasse' );" >
                <span class="Fonte_menu"  >classes</span>
                 <div id="divOpClasse" style="position:absolute;  display:none; background-color:White;" >
                 
                 <div>
                 <a class="Fonte_Formulario_Obrigatorio"  href="http://localhost:9000/inserirclasse/inserirclasse"  >Inserir</a> 

               
                 </div>
                 
                 <div>
                  <a class="Fonte_Formulario_Obrigatorio"  href="http://localhost:9000/visualizarclasses/visualizarclasses"  

>Visualizar</a>                
                 </div>
                 </div>
            </div>

        </div>

        </div>
        <div style="background-color: #EAEAEA; height: 1px;"></div>
        <div style="padding:5px;"></div>
    </div-->
    <div>
        <table align="center" cellpadding="0" cellspacing="0" width="1000px">
            <tbody><tr>
                <td valign="top">
    <div align="center">
            <div style="border-radius: 10px; background: #f8f8f8; padding: 10px; border-style: solid; border-width: 1px; border-color: #D9D9D9; ">
                <div style="display: inline-table; width: 100%; text-align: left; padding: 10px;">
                    <div style="display: table-cell; padding-right: 10px;">
                        <img src="http://aux.iconpedia.net/uploads/1261221666.png" style="width: 100px; border-width: 0px;">
                    </div>
                    <div style="display: table-cell; width: 100%; vertical-align: middle;">
                        <div>
                            <span class="Fonte_Titulo_Negrito">Cadastro de velejador </span>
                        </div>
                        <div style="background-color: #EAEAEA; height: 1px;">
                        </div>
                        <div style="border: 0; margin: 0; background-color: white; height: 1px;">
                        </div>
                    </div>
                </div>
                <div style="border-radius: 10px; background-color: White; padding: 10px;">
                    <div id="Div_Borda_Eventos" class="suJanela">
                        <div class="suDivTitulo">
                            <div style="padding:5px;" >
                                <span class="LtituloAbaB">Dados do velejador </span>
                            </div>
                        </div>
                        <div id="Div_conteudo_Eventos" class="suJanelaInterna" style="">
                            <div>
                                <div>
                                    <span class="Fonte_Formulario_Obrigatorio">Nome:</span>
                                </div>
                                <div>
                                
                                 <input name="nomeusuario" type="text" style="width: 100%;">
                                </div>
                            </div>
                            <div>
                                <div style="display: table-cell; padding-right: 5px;">
                                    <div>
                                        <span>CPF:</span>
                                    </div>
                                    <div>
                                    <input name="CPF"  type="text"  style="width: 200px;">
                                     
                                    </div>
                                </div>
                                <div style="display: table-cell; padding-right: 5px;">
                                    <div>
                                        <span>data de nascimento:</span>
                                    </div>
                                    <div>
                                    <input  name="Data_Nascimento" type="text"  style="width: 200px;">
                                        
                                    </div>
                                </div>
                                <div style="display: table-cell; padding-right: 5px;">
                                    <div>
                                        <span>telefone:</span>
                                    </div>
                                    <div>
                                    <input name="Telefone"  type="text"  style="width: 200px;">
                                      
                                    </div>
                                </div>
                                <div style="display: table-cell;">
                                    <div>
                                        <span>celular:</span>
                                    </div>
                                    <div>
                                    <input name="Celular"  type="text"  style="width: 200px;">
                                      
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div style="display: table-cell; padding-right: 5px;">
                                    <div>
                                        <span>E-mail:</span>
                                    </div>
                                    <div>
                                    <input name="Email"  type="text" style="width: 200px;">
                                      
                                    </div>
                                </div>

                                 <div style="display: table-cell; padding-right: 5px;">
                                    <div>
                                        <span>Tipo:</span>
                                    </div>
                                     <div>
                                        <div>                                           
                                            <div>
												<select name="Tipo" style="min-width:200px;" >
										    	#{list items:tipos, as:'m'}
													<option value="${m.id}">${m.nome}</option>
												#{/list}
												</select>
											</div>
                                            
                                        </div>
                                    </div>
                                </div>

                                <div style="display: table-cell; padding-right: 5px;">
                                    <div>
                                        <span>Habilitação:</span>
                                    </div>
                                    <div>
                                        <div>
                                         <select name="Habilitacao" style="min-width:200px;" >
									    	#{list items:habilitacoes, as:'m'}
												<option value="${m.id}">${m.nome}</option>
											#{/list}
											</select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div>
                            <div style="display: table-cell; padding-right: 5px;">
                                    <div>
                                        <span>Monitor :</span>
                                    </div>
                                     <div>
                                        <div>
                                          	<div>
												<select name="Monitor" style="min-width:200px;" >
										    	#{list items:monitores, as:'m'}
													<option value="${m.id}">${m.nome}</option>
												#{/list}
												</select>
											</div>
                                        </div>
                                    </div>
                                </div>

                                <div style="display: table-cell; padding-right: 5px;">
                                    <div>
                                        <span>Administrador:</span>
                                    </div>
                                     <div>
                                        <div>
                                            
                                            <div>
												<select name="Administrador" style="min-width:200px;" >
										    	#{list items:monitores, as:'m'}
													<option value="${m.id}">${m.nome}</option>
												#{/list}
												</select>
											</div>
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                    <br>

                      <div id="Div1" class="suJanela">
                        <div class="suDivTitulo">
                            <div style="padding:5px;" >
                                <span class="LtituloAbaB">Endereço</span>
                            </div>
                        </div>
                        <div id="Div2" class="suJanelaInterna" style="">
                       <div style="display: table-cell; padding-right: 5px;">
                                <div>
                                    <span>CEP:</span>
                                </div>
                                <div>
                                <input name="Cep" type="text"  style="width: 200px;">
                                    
                                </div>
                            </div>

                            <div style="display: table-cell; padding-right: 5px; width:100%;">
                                    <div>
                                        <span>Logradouro:</span>
                                    </div>
                                    <div>
                                    <input name="Logradouro" type="text"  style="width: 100%;">
                                
                                    </div>
                                </div>
                            <div>
                                
                                <div style="display: table-cell; padding-right: 5px;">
                                    <div>
                                        <span>Número:</span>
                                    </div>
                                    <div>
                                    <input name="Numero"  type="text" istyle="width: 200px;">
                                
                                    </div>
                                </div>
                                <div style="display: table-cell; padding-right: 5px;">
                                    <div>
                                        <span>Bairro:</span>
                                    </div>
                                    <div>
                                    <input name="Bairro" type="text"  style="width: 200px;">
                                    </div>
                                </div>
                            </div>
                                
                        </div>
                        </div>

                        <div style="padding:10px;">
                            <div style="background-color: #EAEAEA; height: 1px;"></div>
                        </div>
			
                        <input type="submit" name="" value="Inserir">
			
 <!--a class="Fonte_Formulario_Obrigatorio"  href="visualizarClasses/visualizarClasses.html" target="carreg">Visualizar</a-->
                </div>
            </div>
    </div>

                </td>
            </tr>
        </tbody></table>
    </div>

   
</form>


</body></html>
